<script type="text/javascript">
	tinyMCE.init({
		// General options
		relative_urls : false,
		mode : "exact",
        elements : "content_news",
		theme : "advanced",
		skin : "o2k7",
		height : '200px',
		width : '90%',
		language : 'en',			
		document_base_url: "<?php echo base_url()?>js/tinymce/jscripts/tiny_mce",			
        entity_encoding: "raw",       
        inline_styles : true,
        verify_css_classes : true,
        fix_list_elements : true,
        //element_format : "xhtml"
        force_p_newlines : false,
        force_br_newlines : true,
        convert_newlines_to_brs : false,
        remove_linebreaks : false,	
		//skin_variant : "silver",
		plugins : "autolink,lists,pagebreak,style,layer,table,save,advhr,advimage,advlink,emotions,iespell,inlinepopups,insertdatetime,imagemanager ,preview,media,searchreplace,print,contextmenu,paste,directionality,fullscreen,noneditable,visualchars,nonbreaking,xhtmlxtras,template,wordcount,advlist,autosave,visualblocks",

		// Theme options
		theme_advanced_buttons1 : "save,newdocument,|,bold,italic,underline,strikethrough,|,justifyleft,justifycenter,justifyright,justifyfull,styleselect,formatselect,fontselect,fontsizeselect",
		theme_advanced_buttons2 : "cut,copy,paste,pastetext,pasteword,|,search,replace,|,bullist,numlist,|,outdent,indent,blockquote,|,undo,redo,|,link,unlink,anchor,image,cleanup,help,code,|,insertdate,inserttime,preview,|,forecolor,backcolor",
		theme_advanced_buttons3 : "tablecontrols,|,hr,removeformat,visualaid,|,sub,sup,|,charmap,emotions,iespell,media,advhr,|,print,|,ltr,rtl,|,fullscreen",
		theme_advanced_buttons4 : "insertimage,insertlayer,moveforward,movebackward,absolute,|,styleprops,|,cite,abbr,acronym,del,ins,attribs,|,visualchars,nonbreaking,template,pagebreak,restoredraft,visualblocks",
		theme_advanced_toolbar_location : "top",
		theme_advanced_toolbar_align : "left",
		theme_advanced_statusbar_location : "bottom",
		theme_advanced_resizing : true,
		

		// Example content CSS (should be your site CSS)
		content_css : "css/content.css",

		// Drop lists for link/image/media/template dialogs
		template_external_list_url : "lists/template_list.js",
		external_link_list_url : "lists/link_list.js",
		external_image_list_url : "lists/image_list.js",
		media_external_list_url : "lists/media_list.js",

		// Style formats
		style_formats : [
			{title : 'Bold text', inline : 'b'},
			{title : 'Red text', inline : 'span', styles : {color : '#ff0000'}},
			{title : 'Red header', block : 'h1', styles : {color : '#ff0000'}},
			{title : 'Example 1', inline : 'span', classes : 'example1'},
			{title : 'Example 2', inline : 'span', classes : 'example2'},
			{title : 'Table styles'},
			{title : 'Table row 1', selector : 'tr', classes : 'tablerow1'}
		],

		// Replace values for the template plugin
		template_replace_values : {
			username : "Some User",
			staffid : "991234"
		}
	});
</script>
<!-- /TinyMCE -->
<script>
function loadChuyenmuc(chuyenmuc)
{
	if (window.XMLHttpRequest)
	  {// code for IE7+, Firefox, Chrome, Opera, Safari
	  xmlhttp=new XMLHttpRequest();
	  }
	else
	  {// code for IE6, IE5
	  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
	  }
	xmlhttp.onreadystatechange=function()
	  {
	  if (xmlhttp.readyState==4 && xmlhttp.status==200)
	    {
	    document.getElementById("cat").innerHTML=xmlhttp.responseText;
	    }
	  }
	var ngonngu=document.getElementById('lang').value;
	xmlhttp.open("GET","<?php echo site_url('category/loadChuyenmuc')?>/"+ngonngu+"/"+chuyenmuc,true);
	xmlhttp.send();
}
</script>
<div class="box grid_8 round_all" style="width: 60%">
	<h2 class="box_head grad_colour">Thêm tin bài</h2>
	<a href="#" class="grabber">&nbsp;</a> <a href="#" class="toggle">&nbsp;</a>
	<div class="toggle_container">
		<div class="block">
			<form id="Form" method="POST" enctype="multipart/form-data" action="<?php echo base_url().'news/addNews'; ?>">
				<div class="input_group">
					<select name="ngonngu" id="lang" onclick="loadChuyenmuc()">
    						<?php
                            foreach($ngonngu as $row)
                            {
                                $id=$row['id_ngonngu'];
                                $language=$row['ngonngu'];
                                echo "<option value=$id>$language
						              </option>";
                            }
                            ?>
                            <script> loadChuyenmuc(<?php if(!isset($chuyenmuc)) $chuyenmuc=0; echo $chuyenmuc?>);</script>
					</select>
				</div>
				<label>Thuộc chuyên mục</label>
				<div class="input_group" id="cat">
				</div>	
				<label>Tiêu đề bài viết <?php if($alert) echo '<div style="color: red;">'.$alert.'</div>'?> </label> 
				<input id="titlenews" name="title_news" title="This field has an HTML5 autofocus property" value="<?php echo set_value('title_news')?>" type="text" class="medium" autofocus> 
				
				<label>Upload ảnh đại diện </label>
				<div class="input_group">
					<input id="imagenews" type="file" name="userfile">
				</div>

				<label>Nội dung tóm tắt </label>
				<textarea id="summarynews" name="summary_news" ><?php echo set_value('summary_news')?></textarea>

				<label>Nội dung bài viết <?php echo form_error('content_news');?></label>
				<textarea id="contentnews" name="content_news" ><?php echo set_value('content_news')?></textarea>
				<br>
				<button onclick="submitForm('Form','Bạn có muốn thêm tin bài?')" class="button_colour round_all">
					<?php echo img(array('src' => 'images/icons/small/white/Bended%20Arrow%20Right.png' , 'height' => '24' , 'width' => '24' , 'alt' => 'Bended Arrow Right')) ?>
					<span>Thêm tin mới</span>
				</button>

			</form>

			<script type="text/javascript"> 
	            var titlenews = new LiveValidation('titlenews');
	            titlenews.add( Validate.Presence );
	            titlenews.add( Validate.Length, { minimum: 5 } );
				
				var summarynews = new LiveValidation('summarynews');
				summarynews.add( Validate.Presence );
				summarynews.add( Validate.Length, { minimum: 30 } );				
	            
				function submitForm(formID, message){
	                var form;
	                form=document.getElementById(formID);
	                if(confirm(message)) form.submit();    
                }
			</script>
		</div>
	</div>
</div>